<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>title here</title>
		<!--[if lt IE 7]>
		<script src="../js/ie7/ie7-standard-p.js" type="text/javascript">
		</script>
		<![endif]-->

		<script type="text/javascript" src="../js/prototype.js"></script>
		<script type="text/javascript" src="../js/trimpath-template.js"></script>
		<script type="text/javascript" src="../js/common/commonUtil.js"></script>
		<script type="text/javascript" src="/Pagenation/dwr/cost/engine.js"></script>
		<script type="text/javascript" src="/Pagenation/dwr/cost/util.js"></script>
		<script type="text/javascript" src="/Pagenation/dwr/cost/interface/CostService.js"></script>
		
		<link href="common.css" rel="stylesheet" type="text/css" />
		<link href="display.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="pagenation_new.js"></script>
		<script type="text/javascript">
			var pagenation;
			window.onload=function(){
				pagenation=new Pagenation(
					intPagenationMetaData,getDataFromServerByPageConfigs,displayData, 20, 20);
			};
			
		</script>
		<style type="text/css">
			.odd{
			}
			.even{
			}
		.jsTemplate{
			display:none;
		}
		.pagenator{
			width:100%;height:20px;
			text-align: right;
		}
		.pagenator a{
			margin:0 2px;
		}
		</style>
	</head>
	<body>
		<button onclick="pagenation.firstPage();">first</button>
		<button onclick="pagenation.previousXPages();">previous X</button>
		<button onclick="pagenation.previousPage();">previous</button>
		<select id=currentPage style="width:60px;" onchange="pagenation.toPage(this.value);">
			
		</select>
		<button onclick="pagenation.nextPage();">next</button>
		<button onclick="pagenation.nextXPages();">next X</button>
		<button onclick="pagenation.lastPage();">last</button>
		<div id="message"></div> 
		
	</body>
</html>
